
<section class="top-home">
  <a href="/search">
    <div class="top-home__search">输入书名/作者/关键字</div>
  </a>
  <div class="slider-banner">
    <div>
      <a href="http://dushu.xiaomi.com/#page=channel&id=410">
        <img
          class="cover"
          src="http://image.read.duokan.com/mfsv2/download/fdsc3/p01tBqnupVze/qayTXiXrMm1lVm.jpg"
        />
      </a>
    </div>
  </div>
  <div></div>
  <ul class="top-home__btn">
    <li>
      <a href="/male">
        <img class="top-home__icon" src="/static/img/male.png" alt="" />
        <div class="top-home__desc">男生</div>
      </a>
    </li>
    <li>
      <a href="/female">
        <img class="top-home__icon" src="/static/img/female.png" alt="" />
        <div class="top-home__desc">女生</div>
      </a>
    </li>
    <li>
      <a href="/category">
        <img class="top-home__icon" src="/static/img/rank.png" alt="" />
        <div class="top-home__desc">分类</div>
      </a>
    </li>
    <li>
      <a href="、rank">
        <img class="top-home__icon" src="/static/img/category.png" alt="" />
        <div class="top-home__desc">排行</div>
      </a>
    </li>
  </ul>
</section>
